<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>jquery calendar grid date-picker tab and more plugin</title>
	<link rel="shortcut icon"
		href="http://www.web-delicious.com/wp-content/themes/iblog2/favicon.ico"
		type="image/x-icon">
		<meta name="generator" content="WordPress 2.9.2">
			<!-- leave this for stats -->
			<link rel="stylesheet" href="css/style.css" type="text/css"
				media="all">
				<link rel="stylesheet" href="css/print.css" type="text/css"
					media="print">
					<!-- Sidebar docking boxes (dbx) by Brothercake - http://www.brothercake.com/ -->
					<script type="text/javascript" src="css/dbx.js"></script>
					<script type="text/javascript" src="css/dbx-key.js"></script>
					<link rel="stylesheet" type="text/css" href="css/dbx.css"
						media="screen, projection">
						<link rel="alternate" type="application/rss+xml"
							title="jquery plugins  RSS Feed"
							href="http://www.web-delicious.com/feed/">
							<link rel="pingback"
								href="http://www.web-delicious.com/xmlrpc.php">
								<!--[if lt IE 8]>
    <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
    <![endif]-->
								<!--[if IE 6]>
    <script src="http://www.web-delicious.com/wp-content/themes/iblog2/belatedpng.js"></script>
    <script>
      DD_belatedPNG.fix('.png_bg, img, #sidebar ul li, .plimage, .headerimage, .homeimage');
     </script>
    <style>
    	#header .blogtitle .sheen{display: none; height: 1px;}
    </style>
    <![endif]-->
								<link rel="EditURI" type="application/rsd+xml" title="RSD"
									href="http://www.web-delicious.com/xmlrpc.php?rsd">
									<link rel="wlwmanifest" type="application/wlwmanifest+xml"
										href="http://www.web-delicious.com/wp-includes/wlwmanifest.xml">
										<link rel="index" title="jquery plugins"
											href="http://www.web-delicious.com/">

											<!--code highlighter file import-->
											<script src="../../highlighter/scripts/shCore.js"
												type="text/javascript"></script>
											<script src="../../highlighter/scripts/shBrushJScript.js"
												type="text/javascript"></script>
											<script src="../../highlighter/scripts/shBrushCss.js"
												type="text/javascript"></script>
											<link href="../../highlighter/styles/shCore.css"
												rel="stylesheet" type="text/css" />
											<link href="../../highlighter/styles/shThemeDefault.css"
												rel="stylesheet" type="text/css" />
											<script type="text/javascript">
        SyntaxHighlighter.config.clipboardSwf = '../../highlighter/scripts/clipboard.swf';
    	  SyntaxHighlighter.all();
	  </script>
											<!--end code highlighter-->


											<link rel="stylesheet" href="css/shared.css" type="text/css">
</head>
<body>
	<div id="page" class="fix">
		<div id="wrapper" class="fix">
			<div id="header" class="fix">
				<a href="http://www.web-delicious.com/"> <img
					class="headerimage" src="css/iblog2.png" alt="jquery plugins"></a>
			</div>
			<!-- /header -->
			<div id="nav" class="fix">
				<ul class="fix">

					<li class="page_item "><a class="home"
						href="http://www.web-delicious.com/" title="Home"><img
							width="18" height="18" class="homeimage"
							src="http://www.web-delicious.com/wp-content/themes/iblog2/images/home-icon-trans.png"
							alt="" /></a></li>
					<li class="page_item page-item-15"><a
						href="http://www.web-delicious.com/jquery-plugins/"
						title="JQuery Plugins">JQuery Plugins</a></li>
					<li class="page_item page-item-12"><a
						href="http://www.web-delicious.com/outsourcing/"
						title="Outsourcing">Outsourcing</a></li>
					<li class="page_item page-item-48"><a
						href="http://www.web-delicious.com/portfolio/" title="Portfolio">Portfolio</a></li>
					<li class="page_item page-item-69"><a
						href="http://www.web-delicious.com/about-us/" title="About us">About
							us</a></li>
				</ul>
			</div>
			<!-- /nav -->
			<div id="container" class="fix">
				<div id="left-col">
					<div id="content">
						<div class="content">
							<a name="config"></a>
							<h2>Config</h2>
							<table class="items-list">
								<tr>
									<td><a href="index.htm#config_autoload">autoload</a></td>
									<td><a href="index.htm#config_enabledrag">enableDrag</a></td>
									<td><a href="index.htm#config_eventitems">eventItems</a></td>
									<td><a href="index.htm#config_extparam">extParam</a></td>
									<tr>
										<td><a href="index.htm#config_height">height</a></td>
										<td><a href="index.htm#config_quickaddurl">quickAddUrl</a></td>
										<td><a href="index.htm#config_quickdeleteurl">quickDeleteUrl</a></td>
										<td><a href="index.htm#config_quickdeleteurl">quickDeleteUrl</a></td>
										<tr>
											<td><a href="index.htm#config_quickupdateurl">quickUpdateUrl</a></td>
											<td><a href="index.htm#config_showday">showday</a></td>
											<td><a href="index.htm#config_url">url</a></td>
											<td><a href="index.htm#config_view">view</a></td>
											<tr>
												<td><a href="index.htm#config_weekstartday">weekstartday</a></td>
							</table>
							<div class="list">
								<a name="config_autoload"></a>
								<h3>autoload</h3>
								<p class="padded">
									<span class="datatype">Boolean</span> &nbsp; If event items is
									empty, and this param is set to true. Event will be retrieved
									by ajax call right after calendar is initialized.
								</p>
								<a name="config_enabledrag"></a>
								<h3>enableDrag</h3>
								<p class="padded">
									<span class="datatype">Boolean</span> &nbsp; Whether end user
									can drag event item by mouse.
								</p>
								<a name="config_eventitems"></a>
								<h3>eventItems</h3>
								<p class="padded">
									<span class="datatype">Array</span> &nbsp; event items for
									initialization.
								</p>
								<a name="config_extparam"></a>
								<h3>extParam</h3>
								<p class="padded">
									<span class="datatype">Array</span> &nbsp; Extra params
									submitted to server. Sample - [{name:"param1", value:"value1"},
									{name:"param2", value:"value2"}]
								</p>
								<a name="config_height"></a>
								<h3>height</h3>
								<p class="padded">
									<span class="datatype">Number</span> &nbsp; Calendar height,
									false for page height.
								</p>
								<a name="config_quickaddurl"></a>
								<h3>quickAddUrl</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Url for quick
									adding.
								</p>
								<a name="config_quickdeleteurl"></a>
								<h3>quickDeleteUrl</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Url for removing an
									event.
								</p>
								<a name="config_quickdeleteurl"></a>
								<h3>quickDeleteUrl</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Url for removing an
									event.
								</p>
								<a name="config_quickupdateurl"></a>
								<h3>quickUpdateUrl</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Url for time span
									update.
								</p>
								<a name="config_showday"></a>
								<h3>showday</h3>
								<p class="padded">
									<span class="datatype">Date</span> &nbsp; Date of current view.
								</p>
								<a name="config_url"></a>
								<h3>url</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Url to request
									calendar data.
								</p>
								<a name="config_view"></a>
								<h3>view</h3>
								<p class="padded">
									<span class="datatype">String</span> &nbsp; Three calendar view
									provided, 'day','week','month'.
								</p>
								<a name="config_weekstartday"></a>
								<h3>weekstartday</h3>
								<p class="padded">
									<span class="datatype">Number</span> &nbsp; First day of week 0
									for Sun, 1 for Mon, 2 for Tue.
								</p>
							</div>
							<a name="method"></a>
							<h2>Method</h2>
							<table class="items-list">
								<tr>
									<td><a href="index.htm#gotodate">gotoDate</a></td>
									<td><a href="index.htm#nextrange">nextRange</a></td>
									<td><a href="index.htm#previousrange">previousRange</a></td>
									<td><a href="index.htm#reload">reload</a></td>
									<tr>
										<td><a href="index.htm#swtichview">swtichView</a></td>
							</table>
							<div class="list">
								<a name="gotodate"></a>
								<h3>gotoDate(date)</h3>
								<p class="padded">To go to a range containing date. If view
									is week, it will go to a week containing date. If view is
									month, it will got to a month containing date.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table">
										<tr>
											<td width="10%"><i>Date</i></td>
											<td width="10%"><b>date</b></td>
											<td width="80%">. Date to go.</td>
										</tr>
									</table>
								</p>
								<a name="nextrange"></a>
								<h3>nextRange()</h3>
								<p class="padded">To go to next date range. If view is week,
									it will go to next week. If view is month, it will got to next
									month.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table"></table>
								</p>
								<a name="previousrange"></a>
								<h3>previousRange()</h3>
								<p class="padded">To go to previous date range. If view is
									week, it will go to previous week. If view is month, it will
									got to previous month.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table"></table>
								</p>
								<a name="reload"></a>
								<h3>reload()</h3>
								<p class="padded">To reload event of current time range.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table"></table>
								</p>
								<a name="swtichview"></a>
								<h3>swtichView(view)</h3>
								<p class="padded">To switch to another view.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table">
										<tr>
											<td width="10%"><i>String</i></td>
											<td width="10%"><b>view</b></td>
											<td width="80%">View name, one of 'day', 'week',
												'month'.</td>
										</tr>
									</table>
								</p>
							</div>
							<a name="event"></a>
							<h2>Events</h2>
							<table class="items-list">
								<tr>
									<td><a href="index.htm#onafterrequestdata">onAfterRequestData</a></td>
									<td><a href="index.htm#onafterrequestdata">onAfterRequestData</a></td>
									<td><a href="index.htm#onbeforerequestdata">onBeforeRequestData</a></td>
							</table>
							<div class="list">
								<a name="onafterrequestdata"></a>
								<h3>
									onAfterRequestData(<i></i>&nbsp stage)
								</h3>
								<p class="padded">Fired when some errors occur while any
									ajax request is finished.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table">
										<tr>
											<td width="10%"><i>Number</i></td>
											<td width="10%"><b>stage</b></td>
											<td width="80%">. 1 for retrieving events, 2 - adding
												event, 3 - removiing event, 4 - update event.</td>
										</tr>
									</table>
								</p>
								<a name="onafterrequestdata"></a>
								<h3>
									onAfterRequestData(<i></i>&nbsp stage)
								</h3>
								<p class="padded">Fired before any ajax request is finished.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table">
										<tr>
											<td width="10%"><i>Number</i></td>
											<td width="10%"><b>stage</b></td>
											<td width="80%">. 1 for retrieving events, 2 - adding
												event, 3 - removiing event, 4 - update event.</td>
										</tr>
									</table>
								</p>
								<a name="onbeforerequestdata"></a>
								<h3>
									onBeforeRequestData(<i></i>&nbsp stage)
								</h3>
								<p class="padded">Fired before any ajax request is sent.</p>
								<p class="padded">
									<table cellspacing="3" width="90%" class="parameter-table">
										<tr>
											<td width="10%"><i>Number</i></td>
											<td width="10%"><b>stage</b></td>
											<td width="80%">. 1 for retrieving events, 2 - adding
												event, 3 - removiing event, 4 - update event.</td>
										</tr>
									</table>
								</p>
							</div>
						</div>



						<div class="page-nav fix">
							<span class="previous-entries"> </span> <span
								class="next-entries"> </span>
						</div>
						<!-- page nav -->
					</div>
				</div>
				<!-- end leftcol -->
				<div style="position: relative; display: block;" class="dbx-group"
					id="sidebar">
					<div id="cred">
						<a class="plimage" href="http://www.pagelines.com/">Free
							WordPress Themes</a>
					</div>
					<!--sidebox start -->
					<!--sidebox end -->
					<!--sidebox start -->
					<!--sidebox end -->
					<!--sidebox start -->
					<!--sidebox end -->
					<!--sidebox start -->
					<!--sidebox end -->
					<!--sidebox start -->
					<!--sidebox end -->
					<div style="clear: both;"></div>



					<div style="position: relative; display: block;" id="links"
						class="dbx-box dbx-box-open dbxid3">
						<h3 title="click-down and drag to move this box"
							style="position: relative; display: block;"
							class="dbx-handle  dbx-handle-cursor">
							API <a title="click to close this box"
								class="dbx-toggle dbx-toggle-open" href="javascript:void(null)"
								style="cursor: pointer;">&nbsp;</a>
						</h3>
						<div class="dbx-content">

							<div class="index">
								<ul>
									<li class="class"><a href="index.htm">wdCalendar</a>
										<ul>
											<li class="group"><a href="index.htm#config">Config</a>
												<ul>
													<li class="config"><a href="index.htm#config_autoload">autoload</a></li>
													<li class="config"><a
														href="index.htm#config_enabledrag">enableDrag</a></li>
													<li class="config"><a
														href="index.htm#config_eventitems">eventItems</a></li>
													<li class="config"><a href="index.htm#config_extparam">extParam</a></li>
													<li class="config"><a href="index.htm#config_height">height</a></li>
													<li class="config"><a
														href="index.htm#config_quickaddurl">quickAddUrl</a></li>
													<li class="config"><a
														href="index.htm#config_quickdeleteurl">quickDeleteUrl</a></li>
													<li class="config"><a
														href="index.htm#config_quickdeleteurl">quickDeleteUrl</a></li>
													<li class="config"><a
														href="index.htm#config_quickupdateurl">quickUpdateUrl</a></li>
													<li class="config"><a href="index.htm#config_showday">showday</a></li>
													<li class="config"><a href="index.htm#config_url">url</a></li>
													<li class="config"><a href="index.htm#config_view">view</a></li>
													<li class="config"><a
														href="index.htm#config_weekstartday">weekstartday</a></li>
												</ul></li>
											<li class="group"><a href="index.htm#method">Method</a>
												<ul>
													<li class="config"><a href="index.htm#gotodate">gotoDate</a></li>
													<li class="config"><a href="index.htm#nextrange">nextRange</a></li>
													<li class="config"><a href="index.htm#previousrange">previousRange</a></li>
													<li class="config"><a href="index.htm#reload">reload</a></li>
													<li class="config"><a href="index.htm#swtichview">swtichView</a></li>
												</ul></li>
											<li class="group"><a href="index.htm#event">Event</a>
												<ul>
													<li class="config"><a
														href="index.htm#onafterrequestdata">onAfterRequestData</a></li>
													<li class="config"><a
														href="index.htm#onafterrequestdata">onAfterRequestData</a></li>
													<li class="config"><a
														href="index.htm#onbeforerequestdata">onBeforeRequestData</a></li>
												</ul></li>
										</ul></li>
								</ul>
							</div>
						</div>
					</div>

					<span
						style="display: block; width: 0pt; height: 0pt; overflow: hidden;"
						class="dbx-box dbx-dummy dbx-offdummy"> </span>
				</div>
				<!--/sidebar -->
			</div>
			<!-- /container -->
		</div>
		<!-- /wrapper -->
		<hr class="hidden">
	</div>

</body>
</html>
